<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script src="src/Itcast.core.js"></script>
        <script src="src/Itcast.dom.js"></script>
        <style>
            .container{
            	width:200px;
            	height:100px;
            	border:1px dashed blue;
            }
            .box{
            	width:100px;
            	height:50px;
            	border:1px solid red;
            	margin:20px auto;
            }
        </style>
        <script>
            /*//实例方法appendTo
            Itcast.fn.appendTo=function(dom){
            	//this是一个 伪数组，其中第0个元素是一个dom对象，记为dom1
            	//而应该将dom1加入到参数传入的dom元素中
            	//因此接下来调用传入的参数的appendChild方法？
            	dom.appendChild(this[0]);
            	//为了实现链式编程，应该返回this
            	return this;
            }*/

            /*Itcast.fn.appendTo=function(dom){
                //this是一个伪数组，其中第0个元素是一个dom对象，记为dom1
                //而应该将dom1加入到参数传入的dom元素中
                //因此接下来调用传入的参数的appendChild方法？
                dom.appendChild(this[0]);
                //为了实现链式编程，应该返回this
                return this;
            }*/

            Itcast.fn.appendTo=function(dom){
                //this是一个伪数组，其中第0个元素是一个dom对象，记为dom1
                //而应该将dom1加入到参数传入的dom元素中
                //因此接下来调用传入的参数的appendChild方法？
                dom.appendChild(this[0]);
                //为了实现链式编程，应该返回this
                return this;
            }
        </script>
    </head>
    <body>
    <div class='container'></div>
    </body>
    <script>
    I('<div class="box"></div>').appendTo(document.getElementsByClassName( 'container' )[ 0 ]);
    </script>
</html>